﻿@charset "utf-8";
html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td, iframe, hr { margin: 0; padding: 0; }
body { font: 12px/25px Tahoma,'Microsoft Yahei'; background: url(../images/bg.jpg) ; color: #000; }
fieldset, img { border: 0; }
address, caption, cite, dfn, em, th, var { font-style: normal; font-weight: normal; }
ol, ul, li { list-style: none; }
caption, th { text-align: left; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; }
table { border-collapse: collapse; border-spacing: 0; }
select, input, label, button, textarea { margin: 0; padding: 0; font-family: 'Microsoft Yahei'; }

/*通用*/
.wrap { width: 1002px; margin-left: auto; margin-right: auto; background: #fff; }
.l { float: left; }
.r { float: right !important; }
.pr { position: relative; }
.pa { position: absolute; }
.tc { text-align: center; }
.tr { text-align: right; }
.tl { text-align: left; }
.vm { vertical-align: middle; }
.vt { vertical-align: top; }
.vb { vertical-align: bottom; }
.db { display: block; }
.dib { -moz-inline-stack: inline-block; display: inline-block; *display: inline; *zoom: 1; }
.fix { *zoom: 1; }
.fix:before, .fix:after { content: ""; display: table; }
.fix:after { clear: both; }
.el, .art_link a { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.oh { overflow: hidden; *zoom: 1; }
.mh { height: auto !important; height: 464px; min-height: 464px; }
.btn { cursor: pointer; }
.hidetext { font: 0/0 a; letter-spacing: -9px; }
.cir { display: inline-block; width: 0; height: 0; overflow: hidden; }
.bor1 { border: 1px solid #eee; }
.bor1_b { border-bottom: 1px solid #ddd; }
.bor1_b_s { border-bottom: 1px dotted #ababab; }
.red { color: #e60013 !important; }
.grey { background: #ededed !important; }
.p20 { padding: 20px; }
.plr15 { padding-left: 15px; padding-right: 15px; }
.p10 { padding: 15px; }
.mt20 { margin-top: 20px; }
.mt10 { margin-top: 10px; }
.plr25 { padding-left: 25px; padding-right: 25px; }
.pl20 { padding-left: 20px; }
.pb25 { padding-bottom: 25px; }
.pb35 { padding-bottom: 35px; }
.mb20 { margin-bottom: 20px; }
.lh2 { line-height: 2; }
.w680 { width: 680px; }
.w220 { width: 220px; }
.line { width: 1px; height: 14px; background: url(../images/ico.png) -99px -64px no-repeat; display: inline-block; overflow: hidden; margin: 0px 12px; vertical-align: middle; }
.bwhite { background: #fff; }
.hide { display: none; }
/*======================common================================*/

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { *display: inline-block; *zoom: 100%; }
.clear { clear: both; height: 1px; font-size: 1px; line-height: 1px; overflow: hidden; }
a { color: #555; }
a:link, a:visited { color: #555; text-decoration: none; }
a:active, a:hover { color: #f00; text-decoration: none; }
/*======================frame==========================*/
.header, .footer { width: 1002px; margin: 0 auto; }


.HW { width: 100%; height: 240px; z-index: 9999; background: url(../images/header_bg.jpg)  50% 0; top: 0px; }
.FW { width: 100%; height: 378px; background:url(../images/footer_bg.jpg) repeat-x 50% bottom; float: left; }
.CW { width: 100%; min-height: 700px; padding: 20px 0; }

.HS { width: 100%; height: 57px; bottom:0px;z-index:999;}
.header { position: relative; z-index: 100; height: 210px; font-size: 14px; }

.container { min-height: 320px; padding: 0px; background: #fff;width:1000px;padding:30px 70px;margin:0 auto; }
.icon { margin: 0 auto; width: 1002px; }
.footer { }
.clear { clear: both; font-size: 0px; height: 0; margin: 0; padding: 0; float: none; }
.incontent { margin: 10px 0; }
.left { float: left; width: 255px; padding-left: 0px; }
.right { float: right; width: 735px; padding-right: 0px; margin-bottom: 40px; padding-right: 0px; padding-top: 0px; }
.ileft { float: left; width: 235px; }
.iright { float: right; width: 305px; margin-left: 10px; margin-right: 30px; }
.input2, .txtInput { border: 1px solid #ddd; width: 150px; vertical-align: middle; height: 22px; *height: 22px; color: #333; }
.searchInput { border: 1px solid #efefef; width: 150px; vertical-align: middle; height: 21px; *height: 21px; border-right: 0px; color: #ccc; }
.borderD3 { border-left: transparent solid 4px; border-right: transparent solid 4px; border-top: #ffffff solid 4px; }


.mbtn { border: 1px solid #ddd; background: #efefef; height: 30px; width: 100px; text-align: center; line-height: 30px; margin-top: 10px; }
.textarea { border: 1px solid #ddd; height: 100px; }

/*======================search==========================*/
.hsearch { width: 1002px; height: 57px; line-height: 57px; margin: 0 auto; background:#000; filter:Alpha(opacity=85);opacity:0.85;}
.hsearch .info { width: 650px; float: left; text-align: left; line-height: 57px; color: #fff; padding-left: 0px; }
.hsearch .info a { color: #fff; }
.hsearch .info h4 { color: #fff; width: 100px; float: left; font-size: 14px;padding-left:15px; }

.isearch { margin-top: 12px; float: right; width: 245px; background: url(../images/search_bg.png) no-repeat 0px 0px; font-size: 12px; line-height: 31px; margin-right:10px;}
.isearch .navtext { border: 0px solid #ccc; height: 28px; line-height: 28px; width: 185px; padding-left: 2px; color: #ccc; background: none; }
.isearch .navsb { background: none; width: 45px; height:30px; top: 0px; border: 0px solid #ccc; color: #000; }



/*======================frame define==========================*/
.header img { vertical-align: middle; }
.header .logo { float: left; margin: 17px 0; height: 90px; }
.header .itel { float: right; margin-top: 40px; }
.header .language { width: 450px; text-align: right; float: right; height: 35px; line-height: 35px; color: #999; right: 0px; margin-top: 0px; }
.header .language a { padding-right: 10px; color: #999; text-align: right; }
.header .seoinfo { text-align: left; float: left; width: 500px; color: #999; height: 35px; line-height: 35px; }
.header .language .info { float: right; padding-right: 10px; }


.menu { width: 1000px; float: right; margin-top: 31px; }
.menu .main { width: 100%; text-align: center; margin: 0 auto; }
.menu li { float: left; text-align: center; font-size: 14px; background: url(../images/nav_li.jpg) no-repeat right 50%; min-width: 125px; }

.topmenu a { color: #fff; font-weight: normal; display: block; height: 50px; line-height: 50px; padding: 0 5px; margin-left: 2px; text-transform: uppercase; font-size: 16px; padding-top: 0px; }
.topmenu p { font-size: 11px; color: #ccc; }
.topmenu a:hover, .topmenu a.current { color: #ff0; background: url(../images/nav_bg.jpg) no-repeat 50% bottom; }

.submenu { position: absolute; display: none; margin-left: -48px; padding-top:5px;}
.submenu dd { text-align:left; float: left; border: 0px solid #663524; padding: 0px; margin: 0 2px; background:#fff; filter:Alpha(opacity=85);opacity:0.85;-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
/*  */
.submenu dd a { font-size: 14px; width: 100%; height: 35px; line-height: 35px; background-image: none; color: #000; }
.submenu dd a:hover, .submenu dd a.current { color: #f00; background-image: none; }


/*footer*/
.footer_nav {padding-left:0px; min-height: 235px;  width: 810px; padding-top: 30px; float: left; }
.footer_nav li { color: #fff; float: left; width: 125px; background: url(../images/fnav_li.jpg) no-repeat right 50%;border-right: 0px dashed #ccc; height: 35px; padding: 0 1px; text-align: center; min-height: 235px;}
.footer_nav h3 a { color: #ddd; width: 100%; font-size: 14px; font-weight: normal; padding-left: 0px; }
.footer_nav h3 a:hover { color: #f00; }
.footer { color: #999; text-align: left; line-height: 25px; font-size: 13px;}
.footer a { color: #999; }
.footer dd a { color: #999; }
.footer dd a:hover { color: #f00; }
.footer ._txt { width: 100%; height: 40px; line-height: 40px; text-align: left; margin-top: 30px; float: left;background:url(../images/ft_bg.jpg) no-repeat ;padding-top:10px;}
.footer .weixin { right: 0px; top: 20px; margin-right: 0px;width:180px; }
.footer .flogo { float: left; width: 250px; height: 130px; margin-top: 30px; margin-left: 80px; }
/*.footer ._txt p {width:500px;float:left;}
.footer ._txt span{width:300px;float:right;padding-right:30px;}*/
.footer .share { float: left; width: 250px; padding: 15px; }
.footer .fcontact {     top: 180px;    left: 0px;    width: 142px;    height: 30px; }

.icontact { width: 250px; height: 185px; right: 0px; top: 40px; }
.icontact .info { width: 240px; margin: 0 auto; padding-left: 10px; color: #555; padding-top: 15px; line-height: 36px; }


/*========================内============================*/
.cornor { width: 100%; color: #555; z-index: 99999999; }
.cornor .ctopPage { height: 74px; width: 232px; font: bold 22px 'Microsoft Yahei'; background:  url(../images/ipro_t.jpg) no-repeat; color: #fff; line-height: 74px;text-align:center; }
.cornor .ccontent { text-align: center; min-height: 150px; border: 1px solid #eee; width: 230px;  }
.cornor .ccontent ul {   }
.cornor .ccontent li { line-height: 30px; margin-left: 0px; margin: 8px 0; }
/*.cornor .ccontent li:nth-child(2n) { float:left;width: 250px; background:#f1e8d9;}
.cornor .ccontent li:nth-child(2n+1) { float:left;width: 250px; background:#fef6eb;}*/
.cornor .ccontent li span { padding: 0px 20px; }
.cornor .ccontent li dd { border: none; line-height: 26px; text-align: left; padding-left: 35px; margin: 1px 0; background: #fff; border-bottom: 0px dashed #eee; }
.cornor .ccontent li dd a { background: #f9f9f9 url(../images/system/li_bz.png) 0px 50% no-repeat; border: none; padding-left: 15px;width:170px; }
.cornor .ccontent li dd a.current, .cornor .ccontent li dd a:hover { border: none; background: #f9f9f9 url(../images/system/li_bz_h.png) 0px 50% no-repeat; color: #f00; }
.cornor .ccontent li a { background:  url(../images/ipro_li.jpg) 0px 50% no-repeat; display: inline-block; color: #fff; text-decoration: none; text-align: left; padding-left: 10px; width: 200px; border-bottom:0px dashed #ece2d2;}
.cornor .ccontent li a.current, .cornor .ccontent li a:hover { color: #fff; background: url(../images/ipro_li_h.jpg) 0px 50% no-repeat ; }

.cornor .ccbg { background: url(../images/iprob_bg.jpg) no-repeat 0 bottom; height: 40px; }
.pcontact { float: left; margin-top: 20px;border:1px solid #eee; }
.pcontact img {padding:5px;}

/*page*/
.arrowlistmenu { width: 100%; z-index: 10; text-align: left; padding: 0px 0px 0 0px; min-height: 500px; margin-top: 0px; }
.arrowlistmenu .menuheader:hover, .menuheader a.current { color: #cb0e6f; display: block; }
.arrowlistmenu .menuheader { font: bold 14px 'Microsoft Yahei'; text-transform: uppercase; cursor: pointer; }
.arrowlistmenu .openheader { display: block; }

.arrowlistmenu { padding-left: 0px; padding-bottom: 2px;  border: 1px solid #eee; min-height: 400px; width: 230px; }
.arrowlistmenu h3 a { font: bold 14px 'Microsoft Yahei'; background: url(../images/ipro_li.jpg) no-repeat 12px 50%; font-weight: normal; border: 0px solid #ecf7f7; display: block;  padding-left: 45px; width: 180px; line-height: 35px; color: #fff; margin-bottom:1px;}
.arrowlistmenu h3 a:hover{ color: #fff; display: block; width: 180px; background: url(../images/ipro_li_h.jpg) no-repeat 12px 50%;}
.arrowlistmenu ul { list-style-type: none; margin: 0; padding: 0; margin-left: 15px; }
.categoryitems a { background:url(../images/bz2.jpg) no-repeat 5px 50%; padding-left:25px;width: 175px;border-bottom:1px dashed #ddd;display:block;margin-bottom:2px;line-height:30px;}
.categoryitems a:hover, .categoryitems a.current {  color: #f00; }

/*页面导航*/
.urlHere { height: 60px; line-height: 60px; text-align: right; color: #999; background: url(../images/urlhere_bg.jpg) repeat-x 0 bottom; padding-right: 17px; border-bottom: 0px solid #ddd; margin: 0 auto; margin-bottom: 15px; }
.urlHere p { font-size: 18px; float: left; padding-left: 5px; padding-top: 0px; line-height: 60px; text-transform: uppercase; color: #555; text-align: left;  }
.urlHere a { color: #555; text-decoration: none; }
.urlHere span { font-size: 16px; color: #555; }

/*单页*/
.pagecontent img { float: right; }
.pagecontent { padding: 20px; min-height: 600px; width: 94%; float: left; border: 0px solid #262626; }
.register { width: 260px; height: 300px; margin: 0 auto; }
.register .title { text-align: center; float: none; font-size: 16px; height: 60px; line-height: 60px; }
.register li { line-height: 30px; height: 30px; float: right; }
.register .submit { padding: 20px 80px 10px 10px; }

.top { padding-top: 10px; float: left; width: 920px; margin-left: 15px; }
.top .title { height: 45px; float: left; width: 100%; }
.top .content { float: left; display: inline; padding: 15px 5px 30px 0px; }

/*新闻列表*/
.newlist { padding: 5px 7px; float: left; width: 98%; min-height: 500px; }
.newlist li { line-height: 35px; border-bottom: 1px dashed #999; min-height: 35px; width: 100%; }
.newlist li i { float: right; width: 80px; color: #999; }
.newcontent { float: left; padding: 10px 10px; text-align: center; width: 97%; }
.newcontent img{max-width:100%;}
.newcontent h3 { font-size: 16px; color: #555; margin: 5px 0; }
.newcontent .date_i { color: #555; }
.newcontent .content { line-height: 22px; color: #555; min-height: 350px; text-align: left; border-top: 1px dashed #555; padding-top: 20px; }
.newcontent .p_n_b { margin-top: 10px; float: left; text-align: left; color: #555; }

.pro_title { background: #191919; border: 1px solid #252525; text-align: left; }

/*留言*/
.commentform h3 { font-size: 22px; color: #646464; margin: 5px 0; }
.commentform .content { background: #fff; padding: 20px 1px 20px 20px; }
.apay { background: url(an1.jpg) no-repeat; width: 90px; height: 20px; display: block; line-height: 18px; text-align: center; font-weight: bold; color: #fff; }
a.apay:hover { color: #fff; }
.bk1 { BORDER-BOTTOM: #ebebeb 1px solid; }
.bk2 { BORDER-RIGHT: #ebebeb 1px solid; }
.td_L { text-align: center; width: 100px; font-weight: bold; }
.tdR { text-align: left; width: 450px; padding-left: 5px; }
.jobli { margin-bottom: 25px; text-align: left; }

.backt { background: url(../images/title1.gif) no-repeat; }
.backc { background: url(../images/title2.gif) repeat-y; }
.backb { background: url(../images/title3.gif) no-repeat; }


/*message box*/
.msgbox { padding: 3em 10em 3em !important; background: url(images/right.gif) no-repeat 4em 4em; font-size: 12px; font-weight: 400; min-height: 160px; }
.msgbox { padding: 0.1em; width: 400px; margin: 15px auto; background: none; }
.msgbox h1 { line-height: 26px; margin-bottom: 1em; font-weight: 700; font-size: 14px; }
.msg_inner { background: url(images/right.gif) no-repeat 0 50%; padding-left: 4em; height: auto !important; height: 60px; min-height: 60px; }
.msgbox p { margin: 1.5em 0; }
.msgbox a { color: #069; }
.error_msg { background: url(images/error.gif) no-repeat 0 50%; }

/*登录*/
.viewForm { min-height: 200px; }
.viewForm td { line-height: 32px; }

/**/
.joblist { float: left; background: #fff; padding: 10px; }

.photolist { padding: 0 20px; min-height: 600px; }
.photolist li { float: left; width: 230px; text-align: center; margin-bottom: 10px; line-height: 35px; }

/*tab*/
.dis { display: block; }
.undis { display: none; }
.nav { width: 100%; margin: 0px auto; height: 45px; padding-top: 4px; font-size: 14px; font-weight: normal; position: relative; border: 1px solid #e1e1e1; }
.nav li { float: left; width: 136px; height: 39px; border-right: 1px solid #eee; text-align: center; margin-right: 5px; }
.nav li a { float: left; width: 136px; height: 39px; line-height: 35px; }
.nav li.nav_current a { color: #cd0000; background: url(../images/inews_t_bg2.jpg) no-repeat; font-weight: bold;font-size:18px; }
.nav li.nav_link a { color: #777; background: url(../images/inews_t_bg1.jpg) no-repeat; font-size:18px;font-weight: bold;}
.nav li span { position: absolute; right: 0px; background-image: none; }
.nav li span a, .nav li .nav_current span a { color: #a7a7a7; font-size: 12px; background-image: none; }

.nav-down { height: 70px; text-align: left; margin: 10px 0px; }
.nav-down li { float: left; margin: 0 10px; text-align: left; width: 390px; }
.nav-down li img { float: left; padding: 10px 0; }
.nav-down li a { color: #555; font-size: 12px; background: url(../images/system/li_bz1.png) no-repeat 5px 50%; padding-left: 20px; }
.nav-down li a:hover { color: #f00; background: url(../images/system/li_bz1_h.png) no-repeat 5px 50%; }
.nav-down li span { float: right; color: #555; }
.nav-down img { float:left;}
.nav-down ul { width: 390px; float: left; }

.itab { float: left; height: 160px; width: 100%; top: -86px; z-index: 99999; font-weight: normal; }

.link { width: 95%; margin: 20px auto; line-height: 45px; padding-left: 0px; }
.link img { vertical-align: middle; }
.link h3 { height: 60px; line-height: 60px; color: #ccc; font-size: 16px; }
